page{
	background-color: #FFFEF9;
}
.index_nav{
	width: 100%;
	background-color: #FFFEF9;
	/* #ifdef MP-WEIXIN */
	padding-bottom: 10rpx;
	/* #endif */
	position: fixed;
	z-index: 88;
	top: 0;
}
.index_pages{
	width: 100%;
	box-sizing: border-box;	
	position: relative;
}
.index_heart{
	width: 100%;
	padding-top: 30rpx;
	height: 980rpx;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.pu_item{
	width: 540rpx;
	height: 720rpx;
	background-size: 100% 100%;
	padding-top: 50rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	.pu_flag{
		position: absolute;
		top: 0;
		right: 6%;
		.flag_img{
			width: 50rpx;
			height: 90rpx;
		}
		.flag_title{
			position: absolute;
			top: 26%;
			right: 15%;
			font-size: 28rpx;
			z-index: 999;
			color: #FFFFFF;
			writing-mode:vertical-lr;
		}
		.ex_title{
			position: absolute;
			top: 10%;
			right: 20%;
			font-size: 24rpx;
			z-index: 999;
			color: #FFFFFF;
			writing-mode:vertical-lr;
		}
	}
	.title{
		font-size: 46rpx;
		font-weight: bold;
	}
	.title_up{
		position: absolute;
		z-index: 999;
		top: 32%;
		/* #ifdef MP-WEIXIN */
		top: 32%;
		/* #endif */
		right: 32.5%;
		color: #334666 ;
		height: 37%;
		font-size: 34rpx;
		display: flex;
		justify-content: center;
		
		writing-mode:vertical-lr;
	}
	.subtitle{
		margin-top: 25rpx;
		font-size: 30rpx;
	}
	.pu_img{
		width: 260rpx;
		height: 390rpx;
		background-size: 100% 100%;
		margin-top: 40rpx;
	}
	.swiper_time{
		font-size: 24rpx;
		color: #FFFFFF;
		position: absolute;
		bottom: 21%;
		right: 31%;
	}
	
	.calline{
		width: 100%;
		height: 40rpx;
		font-size: 26rpx;
		color: #334666;
		margin-top: 40rpx;
	}
}
.embassy{
	width: 100%;
	padding: 0 42rpx 34rpx 42rpx;	
	background-color: #FFFFFF;
	.embassy_img{
		width: 400rpx;
		height: 48rpx;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.embassy_nav{
		display: flex;
		margin-top: 40rpx;
		.nav_text{
			width: 140rpx;
			height: 40rpx;
			background-size: 100%;
			background-repeat: no-repeat;
			margin-right: 90rpx;			
		}
		.nav_text_a{
			width: 140rpx;
			height: 40rpx;
			background-size: 100%;
			background-repeat: no-repeat;
			margin-right: 90rpx;
			position: relative;
		}
		.nav_text_a::before{
			content: '';
			position: absolute;
			width: 34rpx;
			height: 8rpx;
			background: #C02E36;
			border-radius: 4rpx;
			bottom: -12rpx;
			left: 40%;
		}
		.nav_text_small{
			width: 110rpx;
			height: 38rpx;
			background-size: 100%;
			background-repeat: no-repeat;
		}
		.nav_text_smalla{
			width: 110rpx;
			height: 38rpx;
			background-size: 100%;
			background-repeat: no-repeat;
			position: relative;
		}
		.nav_text_smalla::before{
			content: '';
			position: absolute;
			width: 34rpx;
			height: 8rpx;
			background: #C02E36;
			border-radius: 4rpx;
			bottom: -16rpx;
			left: 40%;
		}
	}
}
.zupu_join{
	background-color: #FFFEF9;
	padding: 48rpx 38rpx;
	box-sizing: border-box;
}
.join_title{
	display: flex;
	justify-content: space-between;
	.join_img{
		width: 157rpx;
		height: 38rpx;
		background-size: 100%;
	}
	.join_right{
		display: flex;
		align-items: center;
		.rightext{
			font-size: 24rpx;
			margin-right: 12rpx;
		}
		.rightimg{
			width: 14rpx;
			height: 24rpx;
		}
	}
}
.join_found{
	margin: 16rpx 0 50rpx 0;
	font-size: 24rpx;
	color: #7C7B76;
}
.join_bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.botleft{
		display: flex;
		.leftimg{
			width: 100rpx;
			height: 100rpx;
			background-size: 100%;
			margin-right: 20rpx;
		}
		.leftitle{
			.find_text{
				font-size: 30rpx;
				font-weight: 600;
			}
			.find_entry{
				padding: 10rpx 12rpx;
				background-color: #FBEBDB;
				color: #C6864D;
				font-size: 24rpx;
				box-sizing: border-box;
				margin-top: 15rpx;
				border-radius: 8rpx;
			}
		}
	}
	.botright{
		padding: 8rpx 18rpx;
		background-color: #C02E36;
		color: #FFFFFF;
		font-size: 24rpx;
		border-radius: 8rpx;
	}
}
.found_pu{
	box-sizing: border-box;
	width: 355rpx;
	height: 102rpx;
	background-size: 100%;
	line-height: 102rpx;
	margin: 0 auto;
	color: #A39473 ;
	text-align: center;
	margin-top: 16rpx;
	
}
.filter_pu{
	width: 100%;
	font-size: 26rpx;
	color: $themecolor;
	text-align: center;
	text-decoration:underline;
	margin-top: 30rpx;
}
.swiper-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.swiper-tall {
	height: 800rpx;
}
